<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<link href="${base }/static/css/font-awesome.min93e3.css?v=4.4.0"
	rel="stylesheet">
<link href="${base }/static/css/animate.min.css" rel="stylesheet">
<link href="${base }/static/css/style.min862f.css?v=4.1.0"
	rel="stylesheet">
<!-- <link href="css/layui.css" rel="stylesheet"> -->
<link rel="stylesheet" href="${base }/static/media/css/bootstrap.css" />
<script src="${base }/static/jquery.metisMenu.js"></script>
<script src="${base }/static/js/jquery.min.js"></script>
<script src="${base }/static/js/bootstrap.min.js"></script>
<script type="text/javascript" src="${base }/js/contabs.min.js"></script>

</head>
<body onload="gascardlist(1)" style="font-size:11px;">
	<div class="portlet-body">
		<form class="dataform" id="orderlist_form"
			action="${base}/admin/gasCardByCardNo"
			method="post">
			<div class="row">
				
				<label style="margin-left:3%; width:5%;height: 30px;text-align: right;display: inline-block;">油卡卡号：</label>
				<div style="width:14%;height: 30px;display: inline-block;">
					<input type="text" class="form-control" name="cardNo"
						placeholder="请输入油卡卡号" value="${cardNo}">
				</div>
				<div style="width:14%;height: 30px;display: inline-block;margin-left:3%;">
					<input type="submit" class="btn offline_serch_hide"
						style="margin-right: 30px; background: #18BC9C; color: #fff; border-color: #18BC9C;"
						value="查询">
					<!-- <a  href="javascript:;" onclick="orderlist()" class="btn offline_serch_hide" style="margin-right:30px;background: #18BC9C;color:#fff;border-color:#18BC9C;"><i class="fa fa-search"></i>提交查询</a> -->
				</div>
			</div>
			<div style="width: 100%; height: 15px;"></div>

			<div class="table-scrollable">
				<table class="table table-striped table-bordered table-hover"
					data-search="true">
					<thead>
						<tr>
							<th class="text-center">油卡编号</th>
							<th class="text-center">创建时间</th>
							<th class="text-center">油卡状态</th>
							<th class="text-center">使用时间</th>
							<th class="text-center">持卡人姓名</th>
							<th class="text-center">油卡类型</th>
							<th class="text-center">使用次数</th>
							<th class="text-center">持卡人电话</th>
							<th class="text-center">操作</th>
						</tr>
					</thead>
					<c:forEach items="${gasCard}" var="gascard">
						<tr> 
							<td style="text-align: center;">${gascard.cardNo }</td>
							<td style="text-align: center;">${gascard.cratetime }</td>
							<td style="text-align: center;">${gascard.cardState}</td>
							<td style="text-align: center;">${gascard.useTime}</td>
							<td style="text-align: center;">${gascard.cardName }</td>
							<td style="text-align: center;">${gascard.cardOperatorType }</td>
							<td style="text-align: center;">${gascard.useNum}</td>
							<td style="text-align: center;">${gascard.cardPhone}</td>
							<td style="text-align: center;"><a
								href="${base}/admin/gasCardUpdate?id=${gascard.id}" class="btn btn-xs btn-danger ui-tooltip delete">还原</a> <a
								href="${base}/admin/gasCardDelete?id=${gascard.id}" class="btn btn-xs btn-primary ui-tooltip">删除</a></td>
						</tr>
					</c:forEach>
					<tbody id="ordercontent"></tbody>
				</table>
			</div>
		</form>
	</div>
</body>
</html>